<template>
  <div class="production-page">
    <Banner/>
    <div class="service-components">
      <ServiceClassification/>
      <ProcessTimeline/>
      <EquipmentRental/>
      <SuccessStories/>
    </div>
  </div>
</template>

<script setup>
defineOptions({
  name: 'Production'
})

import Banner from "@/components/Banner.vue";
import ServiceClassification from "@/components/production/ServiceClassification.vue";
import ProcessTimeline from "@/components/production/ProcessTimeline.vue";
import EquipmentRental from "@/components/production/EquipmentRental.vue";
import SuccessStories from "@/components/production/SuccessStories.vue";

</script>

<style scoped>
.production-page {
  padding-top: 80px;
}
.service-components{
  margin-left: 70px;
  margin-right: 70px;
}
</style>